import { createUseStyles } from "react-jss";
import { ClassNames } from "./interface";

const useStyles = createUseStyles<ClassNames>({
  flowChart: {
    width: 1500,
    height: 200,

    "& .react-flow__attribution a": {
      visibility: "hidden"
    },
    "& .react-flow__pane": {
      cursor: "auto",
      overflow: "auto"
    }
  },
  customNode: {
    padding: 10,
    borderRadius: 3,
    width: 150,
    fontSize: 12,
    color: "#222",
    textAlign: "center",
    borderWidth: 1,
    borderStyle: "solid",
    borderColor: "#1a192b",
    backgroundColor: "white"
  }
});

export default useStyles;
